@import "./layout.scss";

@mixin btn($size: 14px, $color: #fff, $bgColor: #f04752, $padding: 5px, $radius: 5px) {
    padding: $padding;
    background-color: $bgColor;
    border-radius: $radius;
    border: 1px solid $bgColor;
    font-size: $size;
    color: $color;
    text-align: center;
    line-height: 1;
    display: inline-block;
}

@mixin list($direction) {
    @include flex($direction)
}

@mixin panel($bgColor: #fff,$padding: 0, $margin: .2rem 0, $height: 1.12rem,$txtPadding: 0 .32rem, $color: #333, $fontSize: .32rem) {
    background-color: $bgColor;
    padding: $padding;
    margin: $margin;
    /deep/ h4.one{
        height: $height;
        line-height: $height;
        padding: $txtPadding;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        color: $color;
        font-size: $fontSize;
        text-align: center;
        font-weight: 700;
    }
}